<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>瑞慈诊所</title>
	<meta name="robots" content="all" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<link rel="stylesheet" href="../css/common/common.css">
	<link rel="stylesheet" href="../css/login.css">
</head>
<body>
	<div class="wrapper" id="wrapper">
		<div class="head">
			<div class="entranceBox">
				<div class="backBox">
					<a href="#" class="backText"><<返回</a>
				</div>
				<h1 class="nav">
					<a href="javascript:;" class="navActive" @click="tabSwitch(true)" id="loginTab">登录</a>
					<span>·</span>
					<a href="javascript:;" @click="tabSwitch(false)" id="registerTab">注册</a>
				</h1>
				<!--注册成功提示-->
				<div class="successTipBox" id="successTipBox">
					<h1>注册成功！您的登录账号为<span>1336354890</span></h1>
					<p>请继续完善以下资料，方便以后预约下单</p>
				</div>
				<div class="tipBox">
					<p>手机号码未注册</p>
				</div>
				<div class="loginBox">
					<div class="loginLeft">
						<!--登录-->
						<div class="login" id="login">
							<p class="loginName">
								<span>账　号</span>
								<input type="text" placeholder="手机、邮箱或用户名">
							</p>
							<p class="loginPsw">
								<span>密　码</span>
								<input type="password" placeholder="至少6个字符" id="lPsw">
								<i @click="pswExpress('lPsw','pswExpress')" class="noExpress" id="pswExpress"></i>
							</p>
							<p class="loginCodeBox">
								<span>验证码</span>
								<input type="text">
								<i><img src="../image/loginLogo.png"></i>
							</p>
							<p class="autoLogin"><input type="checkbox" id="auto"><label for="auto">自动登录</label><a href="#">忘记密码?</a></p>
							<button class="loginBtn">登录</button>
						</div>
						<!--注册-->
						<div class="register" id="register">
							<p class="registerTel">
								<span>手&nbsp机&nbsp号</span>
								<input type="text">
							</p>
							<p class="registerCodeBox">
								<span>验&nbsp证&nbsp码</span>
								<input type="text">
								<i>获取验证码</i>
							</p>
							<p class="loginPsw">
								<span>设置密码</span>
								<input type="password" id="RPsw">
								<i @click="pswExpress('RPsw','RpswExpress')" class="noExpress" id="RpswExpress"></i>
							</p>
							<p class="agreeRegister"><input type="checkbox" id="agree"><label for="agree">我同意<a href="#">《瑞慈诊所用户注册协议》</a></label></p>
							<button class="registerBtn" @click="registerIn()">注册</button>
						</div>
						<!--注册成功-->
						<div class="registerSuccess" id="registerSuccess">
							<p class="registerName">
								<span>姓　名</span>
								<input type="text">
							</p>
							<p class="registerSex">
								<span>性　别</span>
								<input type="radio" name="sex"><label>男</label>
								<input type="radio" name="sex"><label>女</label>
								<input type="radio" name="sex"><label>保密</label>
							</p>
							<p class="registerId">
								<span>身份证号</span>
								<input type="text">
							</p>
							<button class="registerSuccessBtn">提交</button>
							<a href="#" class="skipBtn">跳过>></a>
						</div>
						<span class="orBox">或</span>
					</div>
					<div class="loginRight">
						<p>使用微信账号登录</p>
						<img src="../image/weChatLogo.png">
					</div>
				</div>
			</div>
			<!--++++++微信登录+++++++-->
			<div class="weChatBox" style="display:none">
				<div class="weChanHead">
					<img src="../image/loginLogo.png">
					<b>微信登录</b>
				</div>
				<dl class="weChatPhoto">
					<dt><img src="../image/loginBg.jpg"></dt>
					<dd>
						<p>亲爱的微信用户，请先绑定账号</p>
						<p>绑定后您的瑞慈诊所账号和微信账号均可登录</p>
					</dd>
				</dl>
				<p class="weChatPhone">
					<span>手 机 号</span>
					<input type="text" placeholder="请输入您的手机号">
				</p>
				<p class="weChatCode">
					<span>验 证 码</span>
					<input type="text">
					<i>获取验证码</i>
				</p>
				<p class="weChatPsw">
					<span>设置密码</span>
					<input type="password" id="weChatPsw">
					<i @click="pswExpress('weChatPsw','weChatpswExpress')" class="noExpress" id="weChatpswExpress"></i>
				</p>
				<p class="weChatAgreeRegister"><input type="checkbox" id="weChatAgree"><label for="weChatAgree">我同意<a href="#">《瑞慈诊所用户注册协议》</a></label></p>
				<button class="weChatRegisterBtn">注册并绑定账号</button>
			</div>
		</div>
		<div class="foot">
			<div class="footBox">
				<h1 class="logo"><img src="../image/loginLogo.png"></h1>
				<div class="doctor">
					<p>名医</p>
					<span>名医就在您身边</span>
				</div>
				<div class="longRange">
					<p>远程医疗</p>
					<span>在家看名医</span>
				</div>
				<div class="features">
					<p>特色诊疗</p>
					<span>专业特色专科</span>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../js/public/common.js"></script>
	<script type="text/javascript" src="../lib/vue.min.js"></script>
	<script type="text/javascript" src="../lib/vue-resource.min.js"></script>
	<script type="text/javascript" src="../js/login.js"></script>
</body>
</html>